<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U商城</title>
    <!-- 网页描述 -->
    <meta name="desrption" content="小u商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!">
    <!-- 网页关键词 -->
    <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡">
    <!-- 引入icon图标 -->
    <link rel="shortCut icon" href="./images/xiaou.ico">
    

    <!-- 引入样式重置文件 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入iconfont -->
    <link rel="stylesheet" href="./css/iconfont.css">
    <!-- 引人公共样式文件 -->
    <link rel="stylesheet" href="./css/public.css">
    <!-- 引入自身样式文件 -->
    <link rel="stylesheet" href="./css/ipone.css">
</head>
<body>
        <!-- 顶部快捷导航菜单开始 -->
        <div class="shortCut">
        <div class="w">
            <ul class="left ff">
                <li><a href="#">网站导航  <i class="iconfont">&#xe601;</i></a></li>
                <li><a href="#">商家入驻  <i class="iconfont">&#xe601;</i></a></li>
                <li><a href="#">客户服务  <i class="iconfont">&#xe601; </i></a></li>
                <li><a href="#"><span class="iconfont">&#xe627;</span> 北京 <em class="iconfont">&#xe6bd;</em></a> </li>
                <ul class="right f1">
                    <li><a href="#">手机小u <i class="iconfont">&#xe601;</i></a></li>
                    <li><a href="#">企业采购</a></li>
                    <li><a href="#">易付宝</a></li>
                    <li><a href="#"><span class="iconfont">&#xe661;</span> <span>购物车</span>&nbsp; <span>0</span> <i class="iconfont">&#xe601;</i></a></li>
                    <li><a href="#">小u会员</a></li>
                    <li><a href="#">我的易购 <i class="iconfont">&#xe601;</i></a></li>
                    <li><a href="#">我的订单 <i class="iconfont">&#xe601;</i></a></li>
                    <li><a href="#"><span>注册有礼</span></a></li>
                    <li><a href="#">请登录</a></li>
                </ul>
        </div>
    </div>
    <!-- 顶部快捷导航菜单结束 -->
    <div class="tubiao">
        <div class="w">
            <div class="biao clearfix">
                <img src="./images/shang.png" alt="">
                <p></p>
                <span>购物车</span>
                <form action="#">
                    <i class="iconfont icon-sousuo"></i>
                    <input type="text" 
                    
                    
                    placeholder="空气进化器">
                    <input type="submit" value="搜索">
                </form>
            </div>
            <!-- ipone详情 -->
            <div class="xi">
                <div class="w">
                    <form class="xiangxi clearfix" action="#">
                        <div class="longo1">
                        <input type="checkbox">  全选
                            <span>商品</span>
                            <span>单价</span>
                            <span>购买数量</span>
                            <span>小计</span>
                            <span>操作</span>
                        </div>
                        <div class="longo2 clearfix">
                            <input type="checkbox">
                            <div class="two clearfix">
                                <img src="./images/ipone/m4 (1).png" alt="">
                                <div class="he">
                                    <p class="p5">Apple ipone 6 Plus (A1524) 64GB深空灰色 移动联通
                                    电信4G手机</p>
                                    <span>颜色：红</span>
                                    <span class="span3">型号: V1</span>
                                </div>
                            </div>
                            <p class="p1">￥5199.00</p>
                            <div class="jia">
                                <div class="zuo">-</div>
                                <div class="zhong"></div>
                                <div class="you">+</div>
                            </div>
                            <p class="p2">￥5199.00</p>
                            <div class="zui">
                                <p>删除</p>
                                <span>移入收藏夹</span>
                            </div>
                        </div>
                        <div class="longo2 clearfix">
                            <input type="checkbox">
                            <div class="two clearfix">
                                <img src="./images/ipone/m4 (2).png" alt="">
                                <div class="he">
                                    <p class="p5">Apple ipone 6 Plus (A1524) 64GB深空灰色 移动联通
                                    电信4G手机</p>
                                    <span>颜色：红</span>
                                    <span class="span3">型号: V1</span>
                                </div>
                            </div>
                            <p class="p1">￥5199.00</p>
                            <div class="jia">
                                <div class="zuo">-</div>
                                <div class="zhong"></div>
                                <div class="you">+</div>
                            </div>
                            <p class="p2">￥5199.00</p>
                            <div class="zui">
                                <p>删除</p>
                                <span>移入收藏夹</span>
                            </div>
                        </div>
                        <div class="longo2 clearfix">
                            <input type="checkbox">
                            <div class="two clearfix">
                                <img src="./images/ipone/m4 (3).png" alt="">
                                <div class="he">
                                    <p class="p5">Apple ipone 6 Plus (A1524) 64GB深空灰色 移动联通
                                    信4G手机</p>
                                    <span>颜色：红</span>
                                    <span class="span3">型号: V1</span>
                                </div>
                            </div>
                            <p class="p1">￥5199.00</p>
                            <div class="jia">
                                <div class="zuo">-</div>
                                <div class="zhong"></div>
                                <div class="you">+</div>
                            </div>
                            <p class="p2">￥5199.00</p>
                            <div class="zui">
                                <p>删除</p>
                                <span>移入收藏夹</span>
                            </div>
                        </div>
                        <div class="longo2 clearfix btt">
                            <input class="btn" type="checkbox" checked>
                            <div class="two clearfix">
                                <img src="./images/ipone/m4 (4).png" alt="">
                                <div class="he">
                                    <p class="p5">Apple ipone 6 Plus (A1524) 64GB深空灰色 移动联通
                                    电信4G手机</p>
                                    <span>颜色：红</span>
                                    <span class="span3">型号: V1</span>
                                </div>
                            </div>
                            <p class="p1">￥5199.00</p>
                            <div class="jia">
                                <div class="zuo">-</div>
                                <div class="zhong"></div>
                                <div class="you">+</div>
                            </div>
                            <p class="p2">￥5199.00</p>
                            <div class="zui">
                                <p>删除</p>
                                <span>移入收藏夹</span>
                            </div>
                        </div>
                        <div class="longo3 clearfix">
                            <input type="checkbox"> 
                            <p class="p8">删除选中的商品</p>
                            <div class="hou">
                                <p>总价 ：<span class="soan6">￥5199.00</span></p>
                                <p>优惠：<span class="span6">￥0.00</span></p>
                                <p>合计<span class="span7">:           ￥5199.00</span></p>
                            </div>
                            <p>已选择<span class="span2">1</span>件商品</p>
                        </div>
                        <div class="shuang clearfix">
                        <input class="sub" type="submit" value="提交订单">
                        <input type="button" value="继续购物">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="dididi">
            <!-- 结尾 -->
        <div class="weibu">
            <div class="w">
                <div class="fingerpost clearfix">
                    <ul class="buy-canpomion">
                        <li class="avb">
                            <a href="#">购物指南</a>
                        </li>
                        <li>
                            <a href="#">购物流程</a>
                        </li>
                        <li>
                            <a href="#">支付方式</a>
                        </li>
                        <li>
                            <a href="#">配送方式</a>
                        </li>
                    </ul>
                    <ul class="buy-canpomion">
                        <li class="avb">
                            <a href="#">售后服务</a>
                        </li>
                        <li>
                            <a href="#">售后政策</a>
                        </li>
                        <li>
                            <a href="#">价格保护</a>
                        </li>
                        <li>
                            <a href="#">退款说明</a>
                        </li>
                        <li>
                            <a href="#">退修/退换货</a>
                        </li>
                        <li>
                            <a href="#">取消订</a>
                        </li>
                    </ul>
                    <ul class="buy-canpomion">
                        <li class="avb">
                            <a href="#">配送方式</a>
                        </li>
                        <li>
                            <a href="#">上门自提</a>
                        </li>
                        <li>
                            <a href="#">211限时达</a>
                        </li>
                        <li>
                            <a href="#">配送服务查询</a>
                        </li>
                        <li>
                            <a href="#">配送费收取标准</a>
                        </li>
                        <li>
                            <a href="#">海外配送</a>
                        </li>
                    </ul>
                    <ul class="buy-canpomion">
                        <li class="avb">
                            <a href="#">支付方式</a>
                        </li>
                        <li>
                            <a href="#">网上支付</a>
                        </li>
                        <li>
                            <a href="#">支付宝支付</a>
                        </li>
                        <li>
                            <a href="#">邮件汇款</a>
                        </li>
                    </ul>
                    <ul class="buy-canpomion">
                        <li class="avb">
                            <a href="#">用户帮助</a>
                        </li>
                        <li>
                            <a href="#">免费注册</a>
                        </li>
                        <li>
                            <a href="#">找回密码</a>
                        </li>
                        <li>
                            <a href="#">常见问题</a>
                        </li>
                        <li>
                            <a href="#">优惠劵使用</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 结束 -->
        <div class="finish">
            <div class="w">
                <div class="coda">
                    <p>Copyright &copy 2010-2016 小U商城 版权所有 保留一切权利</p>
                    <p>京ICP 备10218183号 京ICP证161188号 京公网安备 11010802020593号 出版物经营许可证新出发京批字第直 130052号</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
